<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%
	session.removeAttribute("sessionKey");
	session.removeAttribute("sessionUserId");
%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>互联网营销获客支撑系统</title>
	<script src="${ctx}/assets/js/jquery.js"></script>
	
	<style>
		*{padding:0;margin: 0;}
		html,body{height:100%;background:#fff}
		#bgImg{height: 85%;background: url(${ctx}/image/login/bg.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center}
		#footer{height: 15%;background: #fff;}
		.center{border-radius: 10px;background: #fff;box-shadow: 0px 0px 10px #eee;width: 26%;padding-bottom: 40px;}
		.center .top{background: url(${ctx}/image/logo.png) no-repeat;background-size: 100% 100%;height: 45px;width: 65%;margin: 20px auto;margin-top: 30px;}
		

		.account,.password{border: 1px solid #cfcfcf;height: 30px;width: 75%;border-radius: 5px;display: flex;flex-direction: row;justify-content: flex-start; align-items: center; margin: 10px auto; padding: 5px;}
		.account{margin-top: 30px;}
		.account .left{width: 22px;height: 22px;background: url(${ctx}/image/login/account.png) no-repeat;background-size: 100% 100%;margin-left: 5px}
		.password input,.account input{height: 100%;width: 100%;padding-left: 10px;border: none;background: #fcfcfc;color: #666;plac;font-size: 16px;outline:none;}
		.password .left{width: 22px;height: 22px;background: url(${ctx}/image/login/password.png) no-repeat;background-size: 100% 100%;margin-left: 5px}

		.divBtn{height: 35px;width: 75%;background: #35b90c;color: #fff;margin: 0 auto;border-radius: 10px;line-height: 35px;text-align: center;margin-top: 30px;font-size: 17px;}
		input::-webkit-input-placeholder{color: #c8c8c8;}

		.prompt{margin: 20px auto;width: 78%;font-size: 18px;color:#94da82}
		.notice{margin: 0px auto;width: 78%;font-size: 14px;color:#f74b3e}

		#footer .list{display: flex;height: 100%;width: 100%;flex-direction: row;align-items: center;justify-content: space-between}
		.list .left{height: 50px;width: 100px;background: url(${ctx}/image/zhanhong.png) no-repeat;background-size: 100% 100%;margin-right: 20px}
		.list .listTop{display: flex;flex-direction: row;flex: 1;align-items: center;margin-left: 15%}
		.list .right{margin-right: 15%;color: #939393}
		.center button{border:none;outline：none}
		.center button:hover{cursor:pointer;}
	
	</style>
	
	<script type="text/javascript">
		//包含frames中,解决session超时跳转到首页的问题
		if($(".page-content-area").attr("class") != undefined){
			//parent.location.href = "${base}/login.jsp";
			top.location ="${ctx}/login";
		}
	</script>
	
</head>
<body>
<form action="${ctx}/login" method="post" style="height:100%">
	<div id="bgImg">
		<div class="center">
			<div class="top"></div>
			<!-- <div class='prompt'>请输入您的登录信息</div> -->
			<div class="account">
				<div class='left'></div>
				<input type="text" name="username" value="${username}" placeholder="请输入账户" class='right'>
			</div>
			<div class="password">
				<div class='left'></div>
				<input type="password" name="password" value="${password}" placeholder="请输入密码" class='right'>
			</div>
			<div class="notice">${message}</div>

			<button  class="divBtn" style="display: inherit;" type="submit">登录</button>
		</div>
	</div>
	<div id="footer">
		<div class="list">
			<div  class="listTop">
				<div class="left"></div>
				<span style="color: #939393">Copyright© | 2017 杭州展鸿科技有限公司 </span>
			</div>
			<span class="right">建议您使用IE9.0及以上版本/火狐/谷歌/等浏览器登录本站点</span>
		</div>
	</div>
</form>
</body>
</html>